<template>
    <section class="QuickCard__container">
        <slot />
    </section>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.QuickCard__container {
    margin: 10px;

    &:hover {
        > :first-child {
            transform: translateY(-10px);
            // box-shadow: 0 0 12px #e67e22; //#bdc3c7;
            box-shadow: 0 0 12px #74b9ff; //#bdc3c7;
        }
    }
}
</style>
